

{{--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--}}
{{--<html xmlns="http://www.w3.org/1999/xhtml">--}}
{{--<head>--}}
{{--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />--}}
{{--<title>雷谛净水器-成功</title>--}}
{{--<meta name="viewport" content="width=device-width,initial-scale=1" />--}}
{{--<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/reset.css') }}" />--}}
{{--<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/root.css') }}" />--}}
{{--<link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">--}}
{{--<script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>--}}
{{--<script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>--}}
{{--</head>--}}
{{--<body>--}}

    {{--<!-- start header -->--}}
    	{{--<div id="header">--}}
         {{--<img src="{{ URL::asset('front/img/logo.png') }}" width="120" height="40" alt="logo" class="logo" />--}}
         	{{--<a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back">--}}
         	    {{--<img src="{{ URL::asset('front/img/wechat-button.png') }}" width="17" height="18" alt="icon" />--}}
            {{--</a>--}}
         	{{--<a href="#" class="button create"><img src="{{ URL::asset('front/img/user.png') }}" width="16" height="16" alt="icon"/></a>--}}
        {{--<div class="clear"></div>--}}
{{--</div>--}}
    {{--<!-- end header -->--}}


    {{--<!-- start page -->--}}
    {{--<div class="page">--}}



            {{--<!-- start top button -->--}}
            {{--<div class="topbutton"><a href="#"><span>顶部</span></a></div>--}}
            {{--<!-- end top button -->--}}



            {{--<!-- start footer -->--}}
            {{--<div class="footer">--}}
            {{--© 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>--}}
            {{--<!-- end footer -->--}}




    {{--<div class="clear"></div>--}}
    {{--</div>--}}
    {{--<!-- end page -->--}}
{{--<script type="text/javascript" src="{{ URL::asset('front/js/frame.js') }}"></script>--}}

{{--</body>--}}
{{--</html>--}}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-成功</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/reset.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/root.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">
<script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>
<style>
/*弹窗*/
.shadeCon{
  width: 80%;
  max-height: 40%;
  background: rgb(193,214,230);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  margin-top: -25%;
  margin-left: -45%;
  -webkit-border-radius:10px;
  -webkit-box-shadow:0 0 2px #d2d1d1;
  text-align: center;
  padding: 10px 0;
  display: none;
  overflow-y: scroll;
  padding: 5% 5%
}
.shadeCon ul{}
.shadeCon ul li{
  font-size: 14px;
  color: #123c58;
  line-height: 20px;
  padding: 5px 0;
  font-weight: normal;
  text-align: left;

}
.shadeCon p{
  font-size: 15px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.shadeCon span{
  width: 30%;
  height: 28px;
  background: #3b83b8;
  display: block;
  -webkit-border-radius:5px;
  border: 1px solid #16486b;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  margin: 20px auto 10px;
  padding: 0 15px;
  cursor: pointer;
}
.clo{
  position: fixed;
  top: 40%;
  left: 75%;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
/*遮罩层*/
#shade{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  left:0;
  top: 0;
  z-index: 77;
  display: none;
}

div.menucon{
  width: 100%;
  height: 340px;
  padding-top: 20px;
}
dl.plus_menu{
  width: 40%;
  float: left;
  margin: 5px 5% 0;
  overflow: hidden;
  -webkit-box-shadow:0 -3px 0px #b7dbf6;
  text-align: center;
  -webkit-border-radius:5px;
}
dl.plus_menu dt{
  width: auto;
  background: #85b9e1;
  -webkit-border-radius:5px;
}
dl.plus_menu dt img{
  height: 50px;
  margin: 15px 0;
}
dl.plus_menu dd p{
  margin:5px 0px;
  font-weight: normal;

}

</style>
</head>
<body>

                    {{ Form::model($page, array('method' => 'put', 'route' => array('services.update', $service->id),'id'=>'pages')) }}
<div class="shade"></div>

    <!-- start header -->
      <div id="header">
         <img src="{{ URL::asset('front/img/logo.png') }}" width="120" height="40" alt="logo" class="logo" />
          <a href="my_index.html" data-re="back" class="button back"><img src="{{ URL::asset('front/img/back-button.png') }}" width="16" height="17" alt="icon" /></a>
          <a href="#" class="button create"><img src="{{ URL::asset('front/img/user.png') }}" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
      </div>
    <!-- end header -->


    <!-- start page -->
    <div class="page">


            <div class="simplebox">
                <h1 class="titleh">工单处理</h1>
                <div class="content seamless min-h300">
                    <ul id="multi-list">
                    <li>姓名： {{ $service->mount->mount_name }}</li>
                   <li>电话：  {{ $service->mount->mount_mobile }}</li>
                   <li>服务类型：

                  @if($service->type == 1)
                    试用
                  @elseif($service->type == 10)
                    订购
                  @elseif($service->type == 11)
                    拆机
                  @elseif($service->type == 12)
                    维修
                  @elseif($service->type == 13)
                    换芯<span class="badge">{{ $service->commodity->name }}</span>
                  @endif
                   </li>
                   <li>地址： {{ $service->mount->xiaoqu->name }}{{ $service->mount->address }}</li>
                   @if($service->type == 1)
                   <li>
                       <select name="machine_id">
                       @foreach($machines as $machine)
                       <option value="{{ $machine->id }}" @if($machine->id == $service->mount->machine_id) selected @endif >{{ $machine->name }}</option>
                       @endforeach
                       </select>

</li>
                   @endif
                   <li>型号：{{ $service->mount->machine->name }}</li>

                    </ul>







                </div>
           </div>
            <div class="simplebox">

                        	<h1 class="titleh">服务内容</h1>
                            <div class="content">

                              <div class="menucon">
                              {{ Form::model($page, array('method' => 'put', 'route' => array('services.update', $service->id),'id'=>'pages')) }}
                              <div class="shade"></div>

                                                @foreach($biaozhuns as $key => $biaozhun)
                                <div class="dlcon">
                                  <dl class="plus_menu">
                                    <dt>
                                      <img src="{{ URL::asset('front/img/leader'.$key.'.gif') }}" alt="" />
                                    </dt>
                                    <dd>
                                      <p>{{ $biaozhun['name'] }}</p>
                                    </dd>
                                  </dl>
                                  <div class="shadeCon">
                                    <img src="{{ URL::asset('front/img/ico77.png') }}" alt="" width="14" height="14" align="absmiddle" class="clo"/>
                                    <p>{{ $biaozhun['name'] }}</p>
                                    <ul>
                                        @foreach($biaozhun['lists'] as $k=> $list)
                                        <li>{{ $list['name'] }}:
                                            @foreach($list['sel'] as $i=> $val)
                                              @if($val != 'txt')
                                                  <input type="checkbox" name="biaozhun[]" value="{{ $key }}_{{ $k }}_{{ $i }}">{{ $val }}
                                              @else
                                                  <input type="text" name="{{ $key }}_{{ $k }}_{{ $i }}" >
                                              @endif
                                            @endforeach
                                        @endforeach
                                     </ul>
                                    <span>确认完成</span>
                                  </div>
                                </div>
                                                  @endforeach
                              </div>
                        </div>

                    <div class="form-line">
                <span>客户来源：<select name="from">
                        <option>大润发销售</option>
                        <option>服务网点销售</option>
                        <option>活动销售</option>
                        <option>客户转介绍</option>
                        <option>其他</option>
                    </select></span>
                    <input  type="hidden" name="code" value="{{ $code }}" >
                    @if($service->state == 3)
                    <button class="submit-button" disabled  type="submit">已处理</button>
                    @else
                    <button class="submit-button"  type="submit">处理完成</button>
                    @endif
                    </div>
                  </div>






            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->



            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->




    <div class="clear"></div>
    </div>

                    {{ Form::close() }}
    <!-- end page -->
<script type="text/javascript" src="{{ URL::asset('front/js/frame.js') }}"></script>
<script type="text/javascript">
$(".fa-star").click(function(){
        $(this).prevAll().removeClass("fa-star-o");
        $(this).prevAll().addClass("fa-star");
        $(this).removeClass("fa-star-o");
        $(this).addClass("fa-star");
        $(this).nextAll().removeClass("fa-star");
        $(this).nextAll().addClass("fa-star-o");
        e=$(this).index() + 1;
        $(this).parent().parent().children("input").val(e);
  });

</script>

<script type="text/javascript">
$(function(){
  //点击确认完成关闭
  $(".shadeCon span").click(function(e){
    event.stopPropagation()
    $(this).parent().hide();
    $("#shade").hide();
  })
  //点击X箭头关闭
  $(document).on("click",".clo",".shadeCon span",function(){
      $(this).parent().hide();
      $("#shade").hide();
  })
  $("div.dlcon").click(function(e){

    $("#shade").show();
    $(this).find(".shadeCon").show();
  })
})
</script>
</body>
</html>
